<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

  <link rel="stylesheet" type="text/css" href="../easyui/themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css">
  <script type="text/javascript" src="../easyui/jquery.min.js"></script>
  <script type="text/javascript" src="../easyui/jquery.easyui.min.js"></script>

  <script>


		$(function () {


			$('#btn').on('click', function () {
				$('#p').show()
				let startValue = 10;
				setInterval(function () {
					$('#p').progressbar('setValue', startValue);
					startValue += 10;
				}, 1000)
			})


		})


  </script>


</head>
<body>

<button id="btn">测试按钮</button>

<div id="p" style="display: none" class="easyui-progressbar" data-options="width: '500',height: 40,value:10"></div>


</body>
</html>
